<!--
 *   
 * @Date: 2022-06-18 22:12:04
 * @LastEditTime: 2022-06-19 12:20:43
-->

<!--<SearchBar [placeholder]="'搜索'" [value]="value" [maxLength]="8"></SearchBar>-->
<Card *ngFor="let item of listData;">
  <CardHeader
    [title]="title"
    [extra]="extra"
    [thumb]="adminHeadImg"
    [thumbStyle]="thumbStyle"
  >
    <ng-template #extra>
      <Icon style="display: inline-block" [type]="'ellipsis'"></Icon>
    </ng-template>
    <ng-template #title>
      <div style="display: flex; flex-direction: column;">
        <span>管理员</span>
        <span>发布了公告</span>
      </div>
    </ng-template>
  </CardHeader>
  <CardBody>
    <p class="title__style">{{item.text}}</p>
  </CardBody>
  <CardFooter [extra]="footerExtra">
    <ng-template #footerExtra>
      <b style="color: #ccc;">2021-05-09 21:00:00</b>
    </ng-template>
  </CardFooter>
</Card>